<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/aaa.css"/>
	</head>
	<body>
		<header>
			<div id="hea">
				<ul class="a1">
					<li>欢迎光临china-pub网上书店</li>
					<li>［登录］</li>
					<li>［注册 ］</li>
				</ul>
				<ul class="a2">
					<li>我的china-pub</li>
					<li style="border-right:none;"><img src="img/cell.png"/></li>
					<li>移动端专享</li>
					<li>图书团购</li>
					<li>购书卡</li>
					<li>帮助中心<img src="img/down.jpg"/></li>
					<li>在线咨询</li>
					<li style="border-right:none;"><img src="img/weixin.png"/></li>
				</ul>
			</div>
		</header>
		<div id="div">
			<div id="div1">
				<img src="img/logo.png"/>
				<dl>
					<dt><input type="text" id="" value="" class="in" placeholder="输入想搜索的内容"/><input type="button" id="" value="搜索" class="ins"/><span style="padding-left: 30px;">高级搜索</span></dt>
					<dd style="margin-top: 10px;">热门搜索：算法 数据库 代数 c++ 微商 概率
高级搜索
</dd>
				</dl>
				<div id="gouwu">
					购物车 0 件
					<img src="img/cart_up.png"/>
				</div>
			</div>
		</div>
		<nav>
			<div id="box">
				<h2>全部图书分类</h2>
				<ul>
				<li>首页</li>
				<li>移动端专项</li>
				<li>特价书</li>
				<li>新书</li>
				<li>借阅</li>
				<li>教材</li>
				<li>电子书</li>
				<li>视频教程</li>
				<li>按需印刷</li>
				<li>在线阅读</li>
				<li>排行榜</li>
				<li>书评</li>
			</ul>
			</div>			
		</nav>
		<div id="conter">
			<p>首页 > 分类浏览 > 计算机 > 软件与程序设计</p>
			<div id="conters">
				<div id="div2">
					<ul>
						<li>1</li>
						<li>1</li>
						<li>1</li>
						<li>1</li>
						<li>1</li>
						<li>1</li>
						<li>1</li>
						<li>1</li>
						<li>1</li>
						<li>1</li>
						<li>1</li>
						<li>1</li>
						<li>1</li>
					</ul>
				</div>
				<div id="div3">
					<div id="top">
					<ul>
						<li>排序：</li>
						<li>关注程度</li>
						<li>上架时间</li>
						<li>评论星级</li>
						<li>销售排行</li>
						<li>价格升序</li>
						<li>出版日期</li>
					</ul>
					</div>
					<div class="box2">
						<div class="box3">
							<img src="img/1.jpg" class="img"/>
							<dl>
								<dt>jQuery+jQuery Mobile跨设备网页设计</dt>
								<dd>陈婉凌 （著） | 清华大学出版社 | 9787302470380 | 2017-7-1出版 | 2017-6-15 上架</dd>
								<dd>（0人评价）</dd>
								<dd>VIP会员价：￥47.20（8折）<span class="span"><s>￥59.00</s></span>
									<span id="span">																			
										<img src="img/result_buy.jpg"/>
										<img src="img/result_fav.jpg"/>
										<img src="img/result_tuan.jpg"/>
									</span>
								</dd>
							</dl>
						</div>
					</div>
					
				</div>
		</div>
		</div>
	</body>
	<script src="js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$.ajax({
			type:"get",
			url:"http://localhost:10010/book",
			success:function(date){
				for (var i = 0; i<date.length; i++) {
					$("<div class='box3'><img src="+date[i].img+" class='img'/><dl><dt>"+date[i].booksname+"</dt><dd>"+date[i].author+date[i].press+date[i].id+"|"+date[i].outtime+date[i].toptime+"</dd><dd>（0人评价）</dd><dd>VIP会员价："+date[i].vipcost+"（8折）<span class='span'><s>"+date[i].cost+"</s></span><span id='span'><img src='img/result_buy.jpg'/><img src='img/result_fav.jpg'/><img src='img/result_tuan.jpg'/></span></dd></dl></div>").appendTo(".box2")
				}
				
				console.log(date)
			}
		})
		
		
	</script>
</html>
